<template>
	<view class="flex flex-column color-181D18 padding-30 time-item">
		<picker mode="date" fields="month">
			<view class="flex flex-align-center f-b">
				<text class="font40">
					{{ dataItem.month }}
				</text>
				<text class="font24" style="position: relative;top: 4rpx;"></text>
				<image 
					style="width: 20rpx;height: 12rpx;margin-left: 10rpx;position: relative;top: 8rpx;" 
					src="http://jiaoyukehu.oss-cn-beijing.aliyuncs.com/static/my/angle_bottom.png" 
				mode=""></image>
			</view>
		</picker>
		<view class="font28 f-b m-t-10">
			收入：+{{ dataItem.total_amount }}
		</view>
	</view>
</template>

<script setup lang="ts">
	const props = defineProps({
		dataItem: {
			type: Object,
			default: {}
		}
	})
</script>

<style lang="scss" scoped>
	.time-item {
		padding-top: 30rpx !important;
		margin-bottom: 10rpx;
	}
</style>
